<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title></title>
		<script type="text/javascript">
			document.write('<script src="../../js/fix.js?rd=?rd=' + Math.random() + '"><\/script>');
		</script>
		<script type="text/javascript">
			link(['../../css/reset.css','']);
		</script>
		<style type="text/css">
			.equip-info-state {
				padding-top: .5rem;
				font-size: 14px;
			}
			.equip-badge {
				padding: 0 .2rem;
				border-radius: 4px;
			}
			.equip-name,.task-main-info {
				font-size: 16px;
			}
		</style>
	</head>
	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">任务信息</h1>
		</header>
		<div class="mui-content">
			<h5 class="ml15 mt10 lh30">2F 烟感清洗</h5>
			<ul class="mui-table-view mb1rem tblv-nl">
				<li class="mui-table-view-cell">
					<a>任务状态：<span id="">未指派</span></a>
				</li>
				<li class="mui-table-view-cell">
					<a>项目单位：<span id="">未来图书馆</span></a>
				</li>
				<li class="mui-table-view-cell">
					<a>保修时间：
						<span id="">2018-11-08 00:00</span>
						<span class="mui-icon"></span>
					</a>
				</li>
				<li class="mui-table-view-cell">
					<a>截止时间：<span id="">2018-11-09 00:00</span></a>
				</li>
			</ul>
			<h5 class="ml15 mt10 lh30">设备信息</h5>
			<ul class="mui-table-view mb1rem tblv-nl task-main-info">
				<li class="mui-table-view-cell">
					<a>
						<span class="equip-name">典型感烟报警器[1-M1-1]</span>
						<span class="mui-pull-right mui-badge-danger equip-badge">火警</span>
						<div class="equip-info-state">
							<span class="equip-add">2层安防控制室</span>
							<span class="mui-pull-right">未执行</span>
						</div>
					</a>
				</li>
				<li class="mui-table-view-cell">
					<a>
						<span class="equip-name">典型感烟报警器[1-M1-1]</span>
						<span class="mui-pull-right mui-badge-danger equip-badge">火警</span>
						<div class="equip-info-state">
							<span class="equip-add">2层安防控制室</span>
							<span class="mui-pull-right">未执行</span>
						</div>
					</a>
				</li>
			</ul>
			<div class="mui-content-padded">
				<button type="button" class="mui-btn-block mui-btn-primary">完成</button>
			</div>
		</div>
		
		<script type="text/javascript">
			//必须顺序加载
			script(['../../js/mui.min1.js', '../../js/mui.pullToRefresh.js','../../js/my/taskInfo.js']);
		</script>
	</body>
</html>